<%@ page language="java" contentType="text/html; charset=utf-8"
         pageEncoding="utf-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>- 【少儿编程教学平台】</title>
    <link rel="icon" href="/img/logo.png">
    <link rel="stylesheet" type="text/css" href="/css/sOpen.css">
    <script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>

</head>
<body>

<div class="headerpage"></div>

<div class="about">
    <div class="about-center">
        <div class="about-left">
            <div>${content}</div>

        </div>
        <div class="about-right">
            <div class="wei">微信公众号</div>
            <div class="wei-code"></div>
        </div>
        <div class="right-text">
            <div class="special">精品专题</div>
            <div class="special-img1"></div>
            <div class="special-img2"></div>
            <div class="special-img3"></div>
            <div class="mask" style="top: -500px;"></div>
            <div class="mask" style="top: -485px;"></div>
            <div class="mask" style="top: -470px;"></div>
            <div class="special-look special-position1"
                 onclick="window.location.href='sArticle.jsp'">
                <span class="see">关于少儿编程教育家长必读</span>
                <div class="look">查看专题</div>
            </div>
            <div class="special-look special-position2"
                 onclick="window.location.href='sArticle.jsp'">
                <span class="see">人工智能时代下的少儿教育</span>
                <div class="look">查看专题</div>
            </div>
            <div class="special-look special-position3"
                 onclick="window.location.href='sArticle.jsp'">
                <span class="see">国内外那些逆天的编程少年</span>
                <div class="look">查看专题</div>
            </div>

        </div>
        <div class="about-right">
            <div class="wei">微信公众号</div>
            <div class="wei-code"></div>
        </div>
    </div>
</div>

<div class="footerpage"></div>

<script>
    $(function () {
        $(".headerpage").load("header.jsp");
        $(".footerpage").load("footer.jsp");
    });
</script>

</body>
</html>